<template>
  <div>
    <h1>Count</h1>
    <!-- 使用计算属性,让插值语法更方便阅读 -->
    <p>我的count值是{{ count }}</p>
    <p>我的num值是{{ num }}</p>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "Count",

  computed: {
    // 对象的写法主要是给计算属性的名字起一个别名
    ...mapState({ count: "count", num: "num" }),
  },
};
</script>

<style scoped></style>
